@charset "utf-8";


/*
** @author			DADU
** @copyright		copyright DADU
** @license			http://codecanyon.net/wiki/support/legal-terms/licensing/
** @version			2.0
** @link			http://thetooltip.dadu.be/
*/







a,
button,
cite,
div,
label,
mark,
menu li,
ol li,
span,
ul li {
position:relative;
}

a:link,
a:visited {
text-decoration:none;
}


a .tooltip img {
border:none;
}

.tooltip {
width:200px;
position:absolute;
bottom:100%;
margin:0 0 7px 0;
padding:15px;
font-family:Verdana,sans-serif;
font-size:15px;
font-weight:normal;
font-style:normal;
text-align:left;
text-decoration:none;
text-shadow:0 1px 0 rgba(255,255,255,0.3);
line-height:1.5;
border:solid 1px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
box-shadow:
0 1px 2px rgba(0,0,0,0.3),
0 1px 2px rgba(255,255,255,0.5) inset;
cursor:default;
display:block;
visibility:hidden;
opacity:0;
z-index:999;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
transition:all 0.4s linear;
}

.tooltip.short
{
	width:100px;
	padding:6px;
	font-size:12px;
}

.tooltip.total
{
	width:80%;
	padding:5%;
	font-size:12px;
}

@media screen and (max-device-width: 900px) {
	tooltip.total
	{
		width:94%;
		padding:8%;
		font-size:12px;
	}
}


.tooltip:before,
.tooltip:after {
width:0;
height:0;
position:absolute;
bottom:0;
margin:0 0 -20px -10px;
border:solid 10px;
border-color:transparent;
display:table-cell;
content:"";
}

.tooltip:before {
margin:0 0 -24px -12px;
border:solid 12px;
border-color:transparent;
z-index:-1;
}

.tooltip.bistre,
.tooltip.byzantium,
.tooltip.forestgreen,
.tooltip.midnightblue,
.tooltip.rosewood {
text-shadow:0 1px 0 rgba(0,0,0,1);
}

.tooltip.bluegray,
.tooltip.junglegreen,
.tooltip.sanddune,
.tooltip.sienna,
.tooltip.tyrianpurple {
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,1);
border-bottom-width:4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:
0 1px 2px rgba(0,0,0,0.7),
0 1px 0 rgba(255,255,255,0.2) inset;
-webkit-box-shadow:
0 1px 2px rgba(0,0,0,0.7),
0 1px 0 rgba(255,255,255,0.2) inset;
box-shadow:
0 1px 2px rgba(0,0,0,0.7),
0 1px 0 rgba(255,255,255,0.2) inset;
}

.tooltip.bluegray:before,
.tooltip.junglegreen:before,
.tooltip.sanddune:before,
.tooltip.sienna:before,
.tooltip.tyrianpurple:before {
margin-bottom:-26px;
}


/*
Hover
---------- */

*:hover > .tooltip {
text-decoration:none;
visibility:visible;
opacity:1;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}



/*
Positions
---------------------------------------------------------------------------------------------------- */

/*
Left
---------- */

.tooltip,
.tooltip.left {
left:0;
right:0;
}

.tooltip:before,
.tooltip:after,
.tooltip.left:before,
.tooltip.left:after {
left:40px;
right:auto;
}


/*
Center
---------- */

.tooltip.center {
left:50%;
right:auto;
margin-left:-115px;/* margin-left= width/2   + padding*/
}

.tooltip.center.short
{
margin-left:-53px;/* margin-left= width/2   + padding*/	
}

.tooltip.center.total
{
margin-left:-42%/* margin-left= width/2   + padding*/	
}


@media screen and (max-device-width: 480px) {
	.tooltip.center.total
	{
	margin-left:-48%/* margin-left= width/2   + padding*/	
	}
}


.tooltip.center:before,
.tooltip.center:after {
left:50%;
right:auto;
}


/*
Right
---------- */

.tooltip.right {
left:auto;
right:0;
}

.tooltip.right:before,
.tooltip.right:after {
left:auto;
right:40px;
}

.tooltip.right:before {
margin-right:-2px;
}



/*
Speech Bubble
---------------------------------------------------------------------------------------------------- */

.tooltip.speechbubble {
position:relative;
left:auto;
right:auto;
bottom:auto;
margin:0 0 12px 0;
cursor:text;
display:block;
visibility:visible;
opacity:1;
}



/*
Colors
---------------------------------------------------------------------------------------------------- */

/*
Applegreen
---------- */

.tooltip.applegreen {
color:#445400;
background:#8DB600;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(141,182,0,0.8)),to(rgba(141,182,0,1)));
background:-moz-linear-gradient(top,rgba(141,182,0,0.8),rgba(141,182,0,1));
background:-webkit-linear-gradient(top,rgba(141,182,0,0.8),rgba(141,182,0,1));
border-color:#7C9902;
}

.tooltip.applegreen:before {
border-top-color:#7C9902;
}

.tooltip.applegreen:after {
border-top-color:#8DB600;
}


/*
Bistre
---------- */

.tooltip.bistre {
color:#FFF0E6;
background:#3D2B1F;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(61,43,31,0.8)),to(rgba(61,43,31,1)));
background:-moz-linear-gradient(top,rgba(61,43,31,0.8),rgba(61,43,31,1));
background:-webkit-linear-gradient(top,rgba(61,43,31,0.8),rgba(61,43,31,1));
border-color:#261B14;
}

.tooltip.bistre:before {
border-top-color:#261B14;
}

.tooltip.bistre:after {
border-top-color:#3D2B1F;
}


/*
Bronze
---------- */

.tooltip.bronze {
color:#442911;
background:#CD7F32;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(205,127,50,0.8)),to(rgba(205,127,50,1)));
background:-moz-linear-gradient(top,rgba(205,127,50,0.8),rgba(205,127,50,1));
background:-webkit-linear-gradient(top,rgba(205,127,50,0.8),rgba(205,127,50,1));
border-color:#B26C2D;
}

.tooltip.bronze:before {
border-top-color:#B26C2D;
}

.tooltip.bronze:after {
border-top-color:#CD7F32;
}


/*
Byzantium
---------- */

.tooltip.byzantium {
color:#FFF3FD;
background:#702963;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(112,41,99,0.8)),to(rgba(112,41,99,1)));
background:-moz-linear-gradient(top,rgba(112,41,99,0.8),rgba(112,41,99,1));
background:-webkit-linear-gradient(top,rgba(112,41,99,0.8),rgba(112,41,99,1));
border-color:#4C1C45;
}

.tooltip.byzantium:before {
border-top-color:#4C1C45;
}

.tooltip.byzantium:after {
border-top-color:#702963;
}


/*
Forest green
---------- */

.tooltip.forestgreen {
color:#E6FFF1;
background:#014421;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(1,68,33,0.8)),to(rgba(1,68,33,1)));
background:-moz-linear-gradient(top,rgba(1,68,33,0.8),rgba(1,68,33,1));
background:-webkit-linear-gradient(top,rgba(1,68,33,0.8),rgba(1,68,33,1));
border-color:#013318;
}

.tooltip.forestgreen:before {
border-top-color:#013318;
}

.tooltip.forestgreen:after {
border-top-color:#014421;
}


/*
Lavender
---------- */

.tooltip.lavender {
color:#433254;
background:#B57EDC;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(181,126,220,0.8)),to(rgba(181,126,220,1)));
background:-moz-linear-gradient(top,rgba(181,126,220,0.8),rgba(181,126,220,1));
background:-webkit-linear-gradient(top,rgba(181,126,220,0.8),rgba(181,126,220,1));
border-color:#8F67B2;
}

.tooltip.lavender:before {
border-top-color:#8F67B2;
}

.tooltip.lavender:after {
border-top-color:#B57EDC;
}


/*
Linen
---------- */

.tooltip.linen {
color:#666360;
background:#FAF0E6;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(250,240,230,0.8)),to(rgba(250,240,230,1)));
background:-moz-linear-gradient(top,rgba(250,240,230,0.8),rgba(250,240,230,1));
background:-webkit-linear-gradient(top,rgba(250,240,230,0.8),rgba(250,240,230,1));
border-color:#CCC5BE;
}

.tooltip.linen:before {
border-top-color:#CCC5BE;
}

.tooltip.linen:after {
border-top-color:#FAF0E6;
}


/*
white-ultra
---------- */

.tooltip.white-ultra {
color:#666360;
background:#fefefe;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.98)),to(rgba(255,255,255,1)));
background:-moz-linear-gradient(top,rgba(255,255,255,0.98),rgba(255,255,255,1));
background:-webkit-linear-gradient(top,rgba(255,255,255,0.98),rgba(255,255,255,1));
border-color:#CCC5BE;
}

.tooltip.white-ultra:before {
border-top-color:#CCC5BE;
}

.tooltip.white-ultra:after {
border-top-color:#fefefe;
}


/*
Melon
---------- */

.tooltip.melon {
color:#664C4A;
background:#FDBCB4;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(253,188,180,0.8)),to(rgba(253,188,180,1)));
background:-moz-linear-gradient(top,rgba(253,188,180,0.8),rgba(253,188,180,1));
background:-webkit-linear-gradient(top,rgba(253,188,180,0.8),rgba(253,188,180,1));
border-color:#CC9793;
}

.tooltip.melon:before {
border-top-color:#CC9793;
}

.tooltip.melon:after {
border-top-color:#FDBCB4;
}


/*
Midnight blue
---------- */

.tooltip.midnightblue {
color:#F0F8FF;
background:#003366;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,51,102,0.8)),to(rgba(0,51,102,1)));
background:-moz-linear-gradient(top,rgba(0,51,102,0.8),rgba(0,51,102,1));
background:-webkit-linear-gradient(top,rgba(0,51,102,0.8),rgba(0,51,102,1));
border-color:#001C33;
}

.tooltip.midnightblue:before {
border-top-color:#001C33;
}

.tooltip.midnightblue:after {
border-top-color:#003366;
}


/*
Mint
---------- */

.tooltip.mint {
color:#123326;
background:#3EB489;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(62,182,137,0.8)),to(rgba(62,182,137,1)));
background:-moz-linear-gradient(top,rgba(62,182,137,0.8),rgba(62,182,137,1));
background:-webkit-linear-gradient(top,rgba(62,182,137,0.8),rgba(62,182,137,1));
border-color:#2D7F60;
}

.tooltip.mint:before {
border-top-color:#2D7F60;
}

.tooltip.mint:after {
border-top-color:#3EB489;
}


/*
Mustard
---------- */

.tooltip.mustard {
color:#5E4E22;
background:#FFDB58;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,219,88,0.8)),to(rgba(255,219,88,1)));
background:-moz-linear-gradient(top,rgba(255,219,88,0.8),rgba(255,219,88,1));
background:-webkit-linear-gradient(top,rgba(255,219,88,0.8),rgba(255,219,88,1));
border-color:#CCAD48;
}

.tooltip.mustard:before {
border-top-color:#CCAD48;
}

.tooltip.mustard:after {
border-top-color:#FFDB58;
}


/*
Olivine
---------- */

.tooltip.olivine {
color:#3A442B;
background:#9AB973;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(154,185,115,0.8)),to(rgba(154,185,115,1)));
background:-moz-linear-gradient(top,rgba(154,185,115,0.7),rgba(154,185,115,1));
background:-webkit-linear-gradient(top,rgba(154,185,115,0.7),rgba(154,185,115,1));
border-color:#829961;
}

.tooltip.olivine:before {
border-top-color:#829961;
}

.tooltip.olivine:after {
border-top-color:#9AB973;
}


/*
Pastel red
---------- */

.tooltip.pastelred {
color:#5E2625;
background:#FF6961;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,105,97,0.8)),to(rgba(255,105,97,1)));
background:-moz-linear-gradient(top,rgba(255,105,97,0.8),rgba(255,105,97,1));
background:-webkit-linear-gradient(top,rgba(255,105,97,0.8),rgba(255,105,97,1));
border-color:#C23B22;
}

.tooltip.pastelred:before {
border-top-color:#C23B22;
}

.tooltip.pastelred:after {
border-top-color:#FF6961;
}


/*
Rosewood
---------- */

.tooltip.rosewood {
color:#FFE6EA;
background:#65000B;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(101,0,11,0.8)),to(rgba(101,0,11,1)));
background:-moz-linear-gradient(top,rgba(101,0,11,0.8),rgba(101,0,11,1));
background:-webkit-linear-gradient(top,rgba(101,0,11,0.8),rgba(101,0,11,1));
border-color:#3F0009;
}

.tooltip.rosewood:before {
border-top-color:#3F0009;
}

.tooltip.rosewood:after {
border-top-color:#65000B;
}


/*
Silver
---------- */

.tooltip.silver {
color:#2B2B2B;
background:#C0C0C0;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(192,192,192,0.8)),to(rgba(192,192,192,1)));
background:-moz-linear-gradient(top,rgba(192,192,192,0.8),rgba(192,192,192,1));
background:-webkit-linear-gradient(top,rgba(192,192,192,0.8),rgba(192,192,192,1));
border-color:#999999;
}

.tooltip.silver:before {
border-top-color:#999999;
}

.tooltip.silver:after {
border-top-color:#C0C0C0;
}


/*
Sky blue
---------- */

.tooltip.skyblue {
color:#283F44;
background:#87CEEB;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(135,206,235,0.8)),to(rgba(135,206,235,1)));
background:-moz-linear-gradient(top,rgba(135,206,235,0.7),rgba(135,206,235,1));
background:-webkit-linear-gradient(top,rgba(135,206,235,0.7),rgba(135,206,235,1));
border-color:#00BFFF;
}

.tooltip.skyblue:before {
border-top-color:#00BFFF;
}

.tooltip.skyblue:after {
border-top-color:#87CEEB;
}


/*
Slate
---------- */

.tooltip.slate {
color:#292F33;
background:#708090;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(112,128,144,0.8)),to(rgba(112,128,144,1)));
background:-moz-linear-gradient(top,rgba(112,128,144,0.8),rgba(112,128,144,1));
background:-webkit-gradient(top,rgba(112,128,144,0.8),rgba(112,128,144,1));
border-color:#5A6772;
}

.tooltip.slate:before {
border-top-color:#5A6772;
}

.tooltip.slate:after {
border-top-color:#708090;
}


/*
Sunset
---------- */

.tooltip.sunset {
color:#665744;
background:#FAD6A5;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(250,214,165,0.8)),to(rgba(250,214,165,1)));
background:-moz-linear-gradient(top,rgba(250,214,165,0.8),rgba(250,214,165,1));
background:-webkit-linear-gradient(top,rgba(250,214,165,0.8),rgba(250,214,165,1));
border-color:#CCAE89;
}

.tooltip.sunset:before {
border-top-color:#CCAE89;
}

.tooltip.sunset:after {
border-top-color:#FAD6A5;
}


/*
Tangerine
---------- */

.tooltip.tangerine {
color:#5E3100;
background:#F28500;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(242,133,0,0.8)),to(rgba(242,133,0,1)));
background:-moz-linear-gradient(top,rgba(242,133,0,0.8),rgba(242,133,0,1));
background:-webkit-linear-gradient(top,rgba(242,133,0,0.8),rgba(242,133,0,1));
border-color:#CC6A00;
}

.tooltip.tangerine:before {
border-top-color:#CC6A00;
}

.tooltip.tangerine:after {
border-top-color:#F28500;
}


/*
Turquoise
---------- */

.tooltip.turquoise {
color:#124C46;
background:#30D5C8;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(48,213,200,0.8)),to(rgba(48,213,200,1)));
background:-moz-linear-gradient(top,rgba(48,213,200,0.8),rgba(48,213,200,1));
background:-webkit-linear-gradient(top,rgba(48,213,200,0.8),rgba(48,213,200,1));
border-color:#00CED1;
}

.tooltip.turquoise:before {
border-top-color:#00CED1;
}

.tooltip.turquoise:after {
border-top-color:#30D5C8;
}


.tooltip.turquoise {
color:#004C4C;
background:#30D5C8;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(48,213,200,0.8)),to(rgba(48,213,200,1)));
background:-moz-linear-gradient(top,rgba(0,206,209,0.8),rgba(0,206,209,1));
background:-webkit-linear-gradient(top,rgba(0,206,209,0.8),rgba(0,206,209,1));
border-color:#00B2B2;
}

.tooltip.turquoise:before {
border-top-color:#00B2B2;
}

.tooltip.turquoise:after {
border-top-color:#00CED1;
}


/*
Sky blue
---------- */

.tooltip.skyblue {
color:#283F44;
background:#87CEEB;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(135,206,235,0.8)),to(rgba(135,206,235,1)));
background:-moz-linear-gradient(top,rgba(135,206,235,0.7),rgba(135,206,235,1));
background:-webkit-linear-gradient(top,rgba(135,206,235,0.7),rgba(135,206,235,1));
border-color:#00BFFF;
}

.tooltip.skyblue:before {
border-top-color:#00BFFF;
}

.tooltip.skyblue:after {
border-top-color:#87CEEB;
}


/*
Blue gray
---------- */

.tooltip.bluegray {
color:#E6F3FF;
background:#1a2633;
background:-webkit-gradient(radial,50% -250,300,50% 0,0,from(#1a2633),to(#334d66));
background:-moz-radial-gradient(center top,ellipse farthest-side,#334d66,#1a2633);
background:-webkit-radial-gradient(center top,ellipse farthest-side,#334d66,#1a2633);
border-color:#0e151c;
}

.tooltip.bluegray:before {
border-top-color:#0e151c;
}

.tooltip.bluegray:after {
border-top-color:#1a2633;
}


/*
Jungle green
---------- */

.tooltip.junglegreen {
color:#E6FFF6;
background:#1A2421;
background:-webkit-gradient(radial,50% -250,300,50% 0,0,from(#1A2421),to(#294C3E));
background:-moz-radial-gradient(center top,ellipse farthest-side,#294C3E,#1A2421);
background:-webkit-radial-gradient(center top,ellipse farthest-side,#294C3E,#1A2421);
border-color:#0F1412;
}

.tooltip.junglegreen:before {
border-top-color:#0F1412;
}

.tooltip.junglegreen:after {
border-top-color:#1A2421;
}


/*
Sand dune
---------- */

.tooltip.sanddune {
color:#FFF3D9;
background:#967117;
background:-webkit-gradient(radial,50% -250,300,50% 0,0,from(#967117),to(#FFBD29));
background:-webkit-radial-gradient(center top,ellipse farthest-side,#FFBD29,#967117);
background:-moz-radial-gradient(center top,ellipse farthest-side,#FFBD29,#967117);
border-color:#664C10;
}

.tooltip.sanddune:before {
border-top-color:#664C10;
}

.tooltip.sanddune:after {
border-top-color:#967117;
}


/*
Sienna
---------- */

.tooltip.sienna {
color:#FFE6E6;
background:#3c1414;
background:-webkit-gradient(radial,50% -250,300,50% 0,0,from(#3c1414),to(#882D17));
background:-moz-radial-gradient(center top,ellipse farthest-side,#882D17,#3c1414);
background:-webkit-radial-gradient(center top,ellipse farthest-side,#882D17,#3c1414);
border-color:#260D0D;
}

.tooltip.sienna:before {
border-top-color:#260D0D;
}

.tooltip.sienna:after {
border-top-color:#3c1414;
}


/*
Tyrian purple
---------- */

.tooltip.tyrianpurple {
color:#FFE6F5;
background:#66023C;
background:-webkit-gradient(radial,50% -250,300,50% 0,0,from(#66023C),to(#CC068A));
background:-moz-radial-gradient(center top,ellipse farthest-side,#CC068A,#66023C);
background:-webkit-radial-gradient(center top,ellipse farthest-side,#CC068A,#66023C);
border-color:#3F0226;
}

.tooltip.tyrianpurple:before {
border-top-color:#3F0226;
}

.tooltip.tyrianpurple:after {
border-top-color:#66023C;
}